<template>
  <div class="container__">
    <div class="commombox">
      <img class="posimg" src="/static/images/1001.png" alt="">
      <div v-if="is_auth==1">
        <span>认证审核中</span>
        <div>认证审核中，请耐心等待...</div>
      </div>
      <div v-if="is_auth==0">
        <span v-show="addform.type==1">家长认证</span>
        <span v-show="addform.type==2">教师认证</span>
        <span v-show="addform.type==3">教育公司认证</span>
        <span v-show="addform.type==4">媒体认证</span>
        <span v-show="addform.type==5">其他认证</span>
        <span v-show="addform.type==6">本地学校认证</span>
        <div>为了您的账号安全和享受更多权益，请填写与您本人信 息进行认证</div>
      </div>
      <div v-if="is_auth==3">
        <span>认证成功</span>
        <div>我们将妥善保管您的信息</div>
      </div>
      <div v-if="is_auth==2">
        <span>认证失败</span>
        <div>可能失败原因：身份证上传失败,输入信息与身份证信息不符</div>
      </div>
    </div>
    <!-- 全日制学校 -->
    <div class="gongsi" v-if="addform.type==6">学校信息</div>
    <div class="item_" v-show="addform.type==6">
      <h3>学校名称</h3>
      <van-field :value="addform.company_name" placeholder="请填写教育学校名称" @change="company_name" />
    </div>
    <div class="item_" v-show="addform.type==6||addform.type==2">
     <h3>学校地址</h3>
      <van-field :value="addform.company_address" placeholder="请定位学校地址" use-button-slot disabled="true">
        <span slot="button" size="small" @click="chooseadress" class="chooseadress">选择位置</span>
      </van-field>
    </div>
    <div class="item_" v-show="addform.type==6">
      <h3>学校电话</h3>
      <van-field :value="addform.company_phone" type="number" placeholder="请输入教育学校联系电话" @change="company_phone" />
    </div>
    <div class="gongsi" v-if="addform.type==4">教育媒体信息</div>
    <div class="item_" v-show="addform.type==4">
      <h3>媒体名称</h3>
      <van-field :value="addform.media_name" placeholder="请填写教育媒体名称" @change="media_name" />
    </div>
    <div class="item_" v-show="addform.type==4">
      <h3>媒体地址</h3>
      <van-field :value="addform.media_address" placeholder="请定位教育媒体地址" @change="media_address" />
    </div>
    <div class="item_" v-show="addform.type==4">
      <h3>媒体电话</h3>
      <van-field :value="addform.media_call" type="number" placeholder="请输入教育媒体联系电话" @change="media_call" />
    </div>
    <!-- 公司 -->
    <div class="gongsi" v-if="addform.type==3">教育公司信息</div>
    <div class="item_" v-show="addform.type==3">
      <h3>公司名称</h3>
      <van-field :value="addform.company_name" placeholder="请填写教育公司名称" @change="company_name" />
    </div>
    <div class="item_" v-show="addform.type==3">
      <h3>公司地址</h3>
      <van-field :value="addform.company_address" placeholder="请定位教育公司地址" use-button-slot disabled="true">
        <span slot="button" size="small" @click="chooseadress" class="chooseadress">选择位置</span>
      </van-field>
    </div>
    <div class="item_" v-show="addform.type==3">
      <h3>公司电话</h3>
      <van-field :value="addform.company_phone" type="number" placeholder="请输入教育公司联系电话" @change="company_phone" />
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==6">
      <h3>校区</h3>
      <van-field :value="addform.campus" placeholder="请填写所在校区" @change="campus" />
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==6||addform.type==4">
      <h3>简介（25字内）</h3>
      <van-field :value="addform.introduction" maxlength="25" placeholder="请用一句话介绍" @change="introduction" />
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==6||addform.type==4">
      <h3>编写标签（最多三个 标签用空格隔开）</h3>
      <van-field :value="labelarr" placeholder="编写标签（最多三个）" @change="label" />
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==4">
      <h3>上传营业执照</h3>
      <div class="yiyezhizhao" @click="uploadyezz">
        <img v-if="!addform.business_license" :src="img+'/img_add_class_paper@2x.png'" alt="">
        <img v-else :src="ylink+addform.business_license" alt="">
      </div>
    </div>
    <div class="item_" v-show="addform.type==4">
      <h3>上传介绍信（加盖公章）</h3>
      <div class="yiyezhizhao" @click="uploadjieshaoxin">
        <img v-if="!addform.letter_of_introduction" :src="img+'/img_authentication_letter_introduction@2x.png'" alt="">
        <img v-else :src="ylink+addform.letter_of_introduction" alt="">
      </div>
    </div>
    <div class="item_" v-show="addform.type==6">
      <h3>上传介绍信（加盖公章）</h3>
      <div class="yiyezhizhao" @click="uploadyezz">
        <img v-if="!addform.business_license" :src="img+'/img_authentication_letter_introduction@2x.png'" alt="">
        <img v-else :src="ylink+addform.business_license" alt="">
      </div>
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==4||addform.type==6">
      <h3>上传办学许可证</h3>
      <div class="idcard">
        <div @click="uploadbanxue">
          <img v-if="!addform.school_license" :src="img+'/img_authentication_licence@2x.png'" alt="">
          <img v-else :src="ylink+addform.school_license" alt="">
        </div>
      </div>
    </div>
    <div class="item_" v-show="addform.type==3||addform.type==4||addform.type==6">
      <h3>上传其他许可（可上传多张）</h3>
      <div class="idcard">
        <div class="qita">
          <img v-for="(item, index) in qitaimgbox" :key="index" :src="ylink+item" alt="">
          <img @click="uploadqita" :src="img+'/img_authentication_other_licenses@2x.png'" alt="">
        </div>
      </div>
    </div>
    <div class="gongsi" v-if="addform.type==3||addform.type==4||addform.type==6">法人信息</div>
    <div class="item_">
      <h3 v-if="addform.type==3||addform.type==4||addform.type==6">法人姓名</h3>
      <h3 v-else>真实姓名</h3>
      <van-field :value="addform.legal_name" placeholder="请填写本人真实姓名" @change="realname" v-if="addform.type==3||addform.type==4||addform.type==6" />
      <van-field :value="addform.realname" placeholder="请填写法人真实姓名" @change="realname" v-else/>
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>学历</h3>
      <van-field :value="addform.education" placeholder="请填写本人学历" @change="education" />
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>所在学校</h3>
      <van-field :value="addform.school" placeholder="请填写现就职学校" @change="school" />
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>教龄</h3>
      <van-field :value="addform.teaching_age" type="number" placeholder="请填写教龄" @change="teaching_age" />
    </div>
    <div class="item_">
      <h3>身份证号</h3>
      <van-field :value="addform.corporate_identity_card_number" placeholder="请填写本人身份证号" @change="identity_number" v-if="addform.type==3||addform.type==4||addform.type==6" />
      <van-field :value="addform.identity_number" placeholder="请填写法人身份证号" @change="identity_number" v-else/>
    </div>
    <div class="item_">
      <h3>上传证件</h3>
      <div class="idcard">
        <div @click="uploadidcar" class="zheng" v-if="addform.type==3||addform.type==4||addform.type==6">
          <img v-if="!addform.corporate_identity_card_front" :src="img+'/img_add_id@2x.png'" alt="">
          <img v-else :src="ylink+addform.corporate_identity_card_front" alt="">
        </div>
        <div @click="uploadidcar" class="zheng" v-else>
          <img v-if="!addform.front_doc" :src="img+'/img_add_id@2x.png'" alt="">
          <img v-else :src="ylink+addform.front_doc" alt="">
        </div>
        <div class="bei" @click="uploadidcar1" v-if="addform.type==3||addform.type==4||addform.type==6">
          <img v-if="!addform.corporate_identity_card_back" :src="img+'/img_add_id@2x.png'" alt="">
          <img v-else :src="ylink+addform.corporate_identity_card_back" alt="">
        </div>
        <div class="bei" @click="uploadidcar1" v-else>
          <img v-if="!addform.behind_doc" :src="img+'/img_add_id@2x.png'" alt="">
          <img v-else :src="ylink+addform.behind_doc" alt="">
        </div>
      </div>
    </div>
     <div class="item_" v-show="addform.type==2">
      <h3>上传教师资格证（本人）</h3>
      <div class="idcard">
        <div @click="uploadjiaoshi">
          <img v-if="!addform.teacher_qualification_ertificate" :src="img+'/img_add_teacher_paper@2x.png'" alt="">
          <img v-else :src="ylink+addform.teacher_qualification_ertificate" alt="">
        </div>
      </div>
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>上传学校证明（本人手持盖章证明）</h3>
      <div class="idcard">
        <div @click="uploadscholl">
          <img v-if="!addform.school_proved" :src="img+'/img_authentication_school_certificate@2x.png'" alt="">
          <img v-else :src="ylink+addform.school_proved" alt="">
        </div>
      </div>
    </div>
     <div class="item_" v-show="addform.type==5">
      <h3>上传证明证件（本人）</h3>
      <div class="idcard">
        <div @click="uploadzhengming">
          <img v-if="!addform.auth_doc" :src="img+'/img_authentication_prove@2x.png'" alt="">
          <img v-else :src="ylink+addform.auth_doc" alt="">
        </div>
      </div>
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>上传办学许可证</h3>
      <div class="idcard">
        <div @click="uploadbanxue">
          <img v-if="!addform.school_license" :src="img+'/img_authentication_licence@2x.png'" alt="">
          <img v-else :src="ylink+addform.school_license" alt="">
        </div>
      </div>
    </div>
    <div class="item_" v-show="addform.type==2||addform.type==5">
      <h3>上传其他许可（可上传多张）</h3>
      <div class="idcard">
        <div class="qita">
          <img v-for="(item, index) in qitaimgbox" :key="index" :src="ylink+item" alt="">
          <img @click="uploadqita" :src="img+'/img_authentication_other_licenses@2x.png'" alt="">
        </div>
      </div>
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>所属分类</h3>
      <van-field :value="teaCate" placeholder="老师分类" disabled="true" @click="showTeach"/>
    </div>
    <div class="item_" v-show="addform.type==2">
      <h3>编写标签（最多三个 标签用空格隔开）</h3>
      <van-field :value="addform.label" placeholder="编写标签（最多三个）" @change="label" />
    </div>
    <div class="item_">
      <h3>手机号</h3>
      <van-field :error-message="errormse" @change="change" type="number" maxlength="11" :value="addform.phone" placeholder="请输入本人手机号" use-button-slot>
        <van-button @click="sendMes" :disabled="disabled" plain slot="button" size="small" type="primary" v-if="is_auth==0">{{inner}}{{COUNT}}</van-button>
      </van-field>
    </div>
    <div class="item_" v-show="is_auth==0">
      <h3>验证码</h3>
      <van-field :value="addform.code" placeholder="请输入短信验证码" @change="check_code" />
    </div>
     <div class="mid"  v-show="addform.type==6">
        <van-checkbox checked-color="#1A84FB" :value="flag" @change="Onchange">我阅读并同意《协议》，<a href="" style="display:inline-block">下载协议</a></van-checkbox>
    </div>
    <div class="button" @click="submit" v-if="is_auth==0">提交</div>
    <div class="button review"  v-else-if="is_auth==1">审核中</div>
    <div class="button" @click="reattesta" v-else>重新认证</div>
    <van-popup
        :show="cateshow"
        position="bottom"
        >
        <van-picker  @change="change" show-toolbar title="请选择年龄" :columns="Cate" @cancel="Cancel" @confirm="cateConfirm" />
     </van-popup>
  </div>
</template>

<script>
import { checkPhone } from "@/utils/index";
import URL from "@/utils/host";
import { renzheng } from "@/api/my";
import { getrenzheng } from "@/api/my";
import { sendmsg } from "@/api/my";
import {teacherCate} from "@/api/teacher";
export default {
  data() {
    return {
      inner: "发送验证码",
      cateshow:false,
      teaCate:"",
      COUNT: 60,
      disabled: true,
      errormse: "",
      addform: {
        realname: "",
        phone: "",
        code: "",
        type: "",
        education: "",
        school: "",
        teaching_age: "",
        identity_number: "",
        front_doc: "",
        behind_doc: "",
        teacher_qualification_ertificate: "",
        school_proved: "",
        school_license: "",
        other_documents: "",
        company_name: "",
        company_address: "",
        company_phone: "",
        campus: "",
        introduction: "",
        label: "",
        business_license: "",
        legal_name: "",
        corporate_identity_card_number: "",
        corporate_identity_card_front: "",
        corporate_identity_card_back: "",
        media_name: "",
        media_address: "",
        media_call: "",
        school_name: "",
        school_phone: "",
        school_adress: "",
        letter_of_introduction: "",
        auth_doc: "",
        payment: 2,
      },
      qitaimgbox: [],
      img: this.$URL.imgurl,
      ylink: URL.host3,
      is_auth:"",
      flag: false,
      teachCate:[],
      Cate:[],
      labelarr:""
    };
  },
  methods: {
    showTeach(){
       this.cateshow=true
    },
    Cancel(){
       this.cateshow=false
    },
    cateConfirm(e){
        this.cateshow = false
        let index=e.target.index;
        this.teaCate=e.target.value;
        this.addform.cate_id=this.teachCate[index].id
    },
    Onchange(){
        this.flag=!(this.flag)
    },
    realname(el) {
      this.addform.realname = el.mp.detail;
      this.addform.legal_name = el.mp.detail;
    },
    identity_number(el) {
      if (
        this.addform.type == 3 ||
        this.addform.type == 4 ||
        this.addform.type == 6
      ) {
        this.addform.corporate_identity_card_number = el.mp.detail;
      } else {
        this.addform.identity_number = el.mp.detail;
      }
    },
    check_code(el) {
      this.addform.code = el.mp.detail;
    },
    change(el) {
      this.addform.phone = el.mp.detail;
      if (this.addform.phone.length < 11) return;
      this.disabled = false;
    },
    education(el) {
      this.addform.education = el.mp.detail;
    },  
    school(el) {
      this.addform.school = el.mp.detail;
    },
    teaching_age(el) {
      this.addform.teaching_age = el.mp.detail;
    },
    company_name(el) {
      this.addform.company_name = el.mp.detail;
    },
    company_address(el) {
      this.addform.company_address = el.mp.detail;
    },
    company_phone(el) {
      this.addform.company_phone = el.mp.detail;
    },
    campus(el) {
      this.addform.campus = el.mp.detail;
    },
    introduction(el) {
      this.addform.introduction = el.mp.detail;
    },
    media_name(el) {
      this.addform.media_name = el.mp.detail;
    },
    media_address(el) {
      this.addform.media_address = el.mp.detail;
    },
    media_call(el) {
      this.addform.media_call = el.mp.detail;
    },
    school_name(el) {
      this.addform.school_name = el.mp.detail;
    },
    school_adress(el) {
      this.addform.school_adress = el.mp.detail;
    },
    school_phone(el) {
      this.addform.school_phone = el.mp.detail;
    },
    label(el) {
      console.log( el.mp.detail)
      this.labelarr = el.mp.detail;
      // this.addform.label= arr;
    },
    sendMes(el) {
      if (this.disabled) return;
      if (!checkPhone(this.addform.phone))
        return (this.errormse = "请输入正确手机号");
      this.errormse = "";
      sendmsg({
        phone: this.addform.phone
      }).then(res => {});
      this.interval = setInterval(() => {
        this.COUNT--;
        this.inner = "重新获取";
        this.disabled = true;
        if (this.COUNT == 0) {
          clearInterval(this.interval);
          this.disabled = false;
          this.COUNT = 60;
        }
      }, 1000);
    },
    chooseadress(){
        wx.chooseLocation({
            success: (res) => {
                console.log(res)
                this.addform.company_address=res.name;
                this.addform.lng=res.longitude;
                this.addform.lat=res.latitude;
            },
            fail: (err) => {

            }
        });
    },
    uploadidcar() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.front_doc = JSON.parse(res.data).data;
              this.addform.corporate_identity_card_front = JSON.parse(
                res.data
              ).data;
              console.log(JSON.parse(res.data));
            }
          });
        }
      });
    },
    uploadidcar1() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.behind_doc = JSON.parse(res.data).data;
              this.addform.corporate_identity_card_back = JSON.parse(
                res.data
              ).data;
            }
          });
        }
      });
    },
    uploadjiaoshi() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.teacher_qualification_ertificate = JSON.parse(
                res.data
              ).data;
            }
          });
        }
      });
    },
    uploadscholl() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.school_proved = JSON.parse(res.data).data;
            }
          });
        }
      });
    },
    uploadbanxue() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.school_license = JSON.parse(res.data).data;
            }
          });
        }
      });
    },
    uploadqita() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              // this.addform.other_documents = JSON.parse(res.data).data
              this.qitaimgbox.push(JSON.parse(res.data).data);
            }
          });
        }
      });
    },
    uploadyezz() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.business_license = JSON.parse(res.data).data;
            }
          });
        }
      });
    },
    uploadjieshaoxin() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.letter_of_introduction = JSON.parse(res.data).data;
            }
          });
        }
      });
    },
    uploadzhengming() {
      wx.chooseImage({
        count: 1,
        sizeType: ["original", "compressed"],
        sourceType: ["album", "camera"],
        success: res => {
          wx.uploadFile({
            url: URL.host2 + "file/upload",
            filePath: res.tempFilePaths[0],
            name: "file",
            formData: {
              type: 1
            },
            header: {
              Authorization: wx.getStorageSync("token"),
              "Content-Type": "multipart/form-data"
            },
            success: res => {
              this.addform.auth_doc = JSON.parse(res.data).data;
            }
          });
        }
      });
    },

    submit() {
      // if(!this.qitaimgbox[0]) return
      this.addform.other_documents = JSON.stringify(this.qitaimgbox);
      console.log(this.labelarr)
      this.addform.label=this.labelarr.split(" ")
      let data = this.addform;
      renzheng(data)
        .then(res => {
          if(res.code==200){
              let msg = res.msg;
              wx.showToast({
                title:"提交成功",
                duration: 1500,
                success:function(){
                    wx.switchTab({
                        url: '/pages/my/main',
                    });
                }
              });
          }else if(res.code==201){
            let msg = res.msg;
            wx.showToast({
              title: msg
            });
          }
          
        })
        .catch(res => {
          let msg = res.msg;
          wx.showToast({
            title: msg
          });
        });
    },
    reattesta(){
        if(this.is_auth==2){
            wx.redirectTo({
                url: '/pages/Authentication/main?type=2',
                success:function(){
                  let userInfo=wx.getStorageSync("user_info");
                   userInfo.role=1;
                   userInfo.is_auth=0;
                   wx.setStorageSync("user_info", userInfo);
                }
            });
        }else if(this.is_auth==3){
            wx.showModal({
              title: '提示',
              content: '确定重新认证吗？',
              success: function(res) {
                if(res.confirm){
                   wx.redirectTo({
                      url: '/pages/Authentication/main?type=2',
                      success:function(){
                        let userInfo=wx.getStorageSync("user_info");
                        userInfo.role=1;
                        userInfo.is_auth=0;
                        wx.setStorageSync("user_info", userInfo);
                      }
                  });
                }
              },
              fail: function(res) {},
              complete: function(res) {},
            })
        }
        
       
          
    }
  },
  created() {},
  onShow() {
    this.inner = "发送验证码";
    this.disabled = true;
  },
  onLoad() {
    this.addform.type = this.$mp.query.type;
    this.is_auth=wx.getStorageSync("user_info").is_auth;
    if(this.addform.type){
       teacherCate().then(res=>{
         if(res.code==200){
            this.teachCate=res.data
            for(var i in res.data){
                this.Cate.push(res.data[i].name)
            }
         }
      })
    }
    if (wx.getStorageSync("user_info").is_auth == 0) return;
    getrenzheng().then(res => {
      if (res.data.other_documents) {
        this.qitaimgbox = JSON.parse(res.data.other_documents);
      }
      this.addform = res.data;
      console.log(this.addform);
    });
    
  },
  onUnload(){
      Object.assign(this.$data, this.$options.data())
  },
};
</script>

<style lang="scss">
.container__ {
  background-color: #fff;
  min-height: 100vh;
  font-size: 16px;
  // padding: 40px 15px;
  box-sizing: border-box;
   .chooseadress{
        padding: 0;
        font-size:15px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(102,102,102,1);
        &::before{
           border: 0;
        }
   }
  .van-cell {
    .van-field__input {
      font-size: 14px;
    }
  }
.mid {
      width: 345px;
      font-size: 12px;
      color: #333;
      height: 20px;
      margin: 20px 0 17px 0;
      text-align: center;
  }
  h3 {
    font-size: 15px;
    font-weight: bold;
    color: rgba(70, 183, 255, 1);
    padding: 0 15px;
    box-sizing: border-box;
  }

  .item_ {
    margin-top: 30px;

    .yiyezhizhao {
      padding: 20px 60px 0;
      box-sizing: border-box;

      img {
        width: 250px;
        height: 350px;
      }
    }
    // .yiyezhizhao1 {
    //     padding: 20px 60px 0;
    //     box-sizing: border-box;
    //     img {
    //         width: 250px;
    //         height: 350px;
    //     }
    // }
    .van-button--primary {
      border: 1px solid #1a84fb;
      border-radius: 5px;
      color: #1a84fb;
    }
  }

  .idcard {
    padding: 20px 26px 0;
    box-sizing: border-box;

    img {
      height: 184px;
      width: 317px;
    }

    .qitaxuke {
      height: 130px;
      width: 130px;
    }

    .zheng {
      margin-bottom: 14px;
    }
    .qita {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      img {
        height: 130px;
        width: 130px;
        margin-bottom: 20px;
      }
    }
  }
  .commombox {
    height: 125px;
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding: 0 15px;
    box-sizing: border-box;
    // background: url('../../../static/images/1001.png') no-repeat;
    // background-size: contain;
    .posimg {
      position: absolute;
      top: 0;
      left: 0;
      height: 125px;
      width: 100%;
      z-index: 0;
    }
    // margin-bottom: 30px;
    div {
      font-size: 14px;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      z-index: 1;
    }

    span {
      font-size: 25px;
      font-weight: bold;
      color: rgba(255, 255, 255, 1);
      z-index: 1;
    }
  }
  .button {
    width: 345px;
    height: 45px;
    background: #1a84fb;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    margin-top: 30px;
  }
  .button.review{
      opacity:0.5;
  }
  .gongsi {
    width: 375px;
    height: 40px;
    background: rgba(244, 245, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
  }
}
</style>
